<div class="register-page">
  <form #form="ngForm" [formGroup]="registerForm" (ngSubmit)="doRegister()" class="col center-span middle-span">
    <div class="form-group">
      <mdl-textfield formControlName="username" disableNativeValidityChecking [class.is-invalid]="formErrors.username" name="username"
        type="text" label="用户名" floating-label [error-msg]="formErrors.username">
      </mdl-textfield>
    </div>
    <div class="form-group">
      <mdl-textfield formControlName="password" disableNativeValidityChecking [class.is-invalid]="formErrors.password" name="password"
        type="password" label="密码" floating-label [error-msg]="formErrors.password">
      </mdl-textfield>
    </div>
    <div class="form-group">
      <mdl-textfield formControlName="repassword" disableNativeValidityChecking [class.is-invalid]="formErrors.repassword" name="repassword"
        type="password" label="确认密码" floating-label [error-msg]="formErrors.repassword">
      </mdl-textfield>
    </div>
    <div class="form-group">
      <button mdl-button mdl-button-type="raised" mdl-colored="primary" type="button" mdl-ripple>
        取消
      </button>
      <button mdl-button mdl-button-type="raised" mdl-colored="primary" mdl-ripple>
      注册
    </button>
    </div>
    {{formErrors|json}}
    {{form.submitted|json}}
  </form>
</div>
